<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">

    <title>订单首页页面</title>
    <script src="vue.js"></script>
    <script src="axios-0.18.0.js"></script>

</head>
<body>
<div id="app"  v-model="orderInfo">
        <p style="font-size: 26px">姓名：{{orderInfo.username}}</p>
        <p style="font-size: 26px">手机号：{{orderInfo.phone}}</p>
        <p style="font-size: 26px">头像：{{orderInfo.head_pic}}</p>
        <p style="font-size: 26px">用户名：{{orderInfo.nick_name}}</p>
        <p style="font-size: 18px">订单号：{{orderInfo.order.id}}</p>
        <p style="font-size: 18px">总条数：{{orderInfo.order.total_num}}</p>
        <p style="font-size: 18px">订单类型：{{orderInfo.order.pay_type}}</p>
        <p style="font-size: 18px">价格：{{orderInfo.order.pay_money}}</p>
        <p style="font-size: 18px">支付状态：{{orderInfo.order.pay_status}}</p>
        <p style="font-size: 18px">资源状态：{{orderInfo.order.source_type}}</p>
        <p style="font-size: 18px">订单状态：{{orderInfo.order.order_status}}</p>
        <p style="font-size: 18px">下单时间：{{orderInfo.order.create_time}}</p>
    </div>

</body>
<script>
    let vue = new Vue({
        el: '#app',
        data: {
            orderInfo: {},
        },
        created() {
            axios.get("/feign/userOrder/itcast").then((res) => {
                if (res.data.flag) {
                    console.log(res.data.data)
                    this.orderInfo = res.data.data
                }
            })
        },
        methods: {}
    });
</script>
</html>
